/*
* data: 2017-11-00
*/

body { min-width: 350px; }
.wrap { max-width: 1200px; margin: 0 auto; }
 @media only screen and (max-width: 1280px) {
.wrap { width: 90%; }
 }
/*
	头部
*/
/*
	头部
*/
header { max-width: 1200px; height: 100px; margin: 0 auto; position: relative; z-index: 99; }
header a.logo { float: left; display: block; padding-top:10px; }
header a.logo img { max-height:80%; }

header .menu { float: right; padding-top:25px; }
header .menu .child { float: left; display: inline-block; position: relative; width: 115px; height: 75px; line-height: 75px; text-align: center; z-index: 98; }
header .menu .child .title { display: block; font-size: 15px; color: #666; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; background: url(../images/menu-A.png) repeat-x none; background-position: left bottom; }
header .menu .child:hover .title { color: #074F99; background: url(../images/menu-A.png) repeat-x; background-position: left bottom; }
header .menu .spline { float: left; width: 1px; height: 75px; display: inline-block; background: url("../images/topnavline.jpg") no-repeat right center; }
header .menu .child.A .title { color: #074F99; }
header .menu .child .childContent { display: none; position: absolute; top: 75px; width: 100%; }
header .menu .child .childContent a { display: block; background: #fff; color: #666; font-size: 14px; height: 38px; line-height: 38px; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2); -ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2); -o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2); box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2); }
header .menu .child .childContent a:hover { background: #074F99; color: #fff; }
header .menu .child .pointer { display: none; position: absolute; top: 38px; right: 32px; cursor: pointer; }
header .menu .child .childContent * { transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
header .wapbtn { display: none; }

header .header_country { position:absolute; top:0; right:0; width: 123px; height: 27px; line-height:27px; font-size:12px; color: #FFF; text-align:center; background:url(../images/header_country_bg.png) no-repeat; z-index: 999; }
header .header_country a { font-size:14px; color: #FFF; }
header .header_country a:hover { color: #F9E502; }


 @media only screen and (max-width: 1280px) {
header  { width:100%; }
header .wapbtn { display: inline-block; position: absolute; z-index: 9; top: 47px; right:43px; }
header .wapbtn .search { margin-right: 30px; padding-right: 10px; border-right: 1px solid rgba(0,0,0,0.1); }
header .wapbtn .search img { width: 32px; opacity: 0.3; }
header .wapbtn .btn-menu img { width: 32px; }
header .menu { position: absolute; top: 75px; right: 0; left: auto; display: none; padding-bottom: 20px; width: 100%; height: auto!important; z-index: 99999; }
header .menu .spline { display: none }
header .menu .child { float: none; margin: 0 auto; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); margin-left: 10px; height: auto!important; border-bottom: 1px solid #dadada; background-color: #FFF; text-align: left; line-height: 35px!important }
header .menu .child:nth-child(2) { border-top: 1px solid #dadada }
header .menu .child .title { display: inherit; padding: 5px 0 5px 20px; background: 0 0!important; color: #666; font-size: 14px }
header .menu .child .childContent { position: relative; top: 0!important; display: none; width: 100%; }
header .menu .child .childContent a { padding-left: 20px; height: 35px; border-top: 1px solid #dadada; background-color: #F3F3F5; border-bottom: 0; color: #666; font-size: 12px; line-height: 35px }
header .menu .child .pointer { top: 3px; right: 3px; display: block }
}

 @media only screen and (max-width: 500px) {
header a.logo { width:230px; padding-top:30px; }
header a.logo img { width:100%;margin-left: 10px;  }
}

/*
	广告
*/
.banner { width: 100%; position: relative; }
.bannerFloor{ width: 1180px; height: 149px; overflow: hidden;position: absolute; bottom: 0;z-index: 9999; left: 0; right: 0; margin: auto;}
.quality{width: 33.33%;height: 149px;float: left;background-color: rgba(8,80,153,0.7);  }
.produce{width: 33.33%;height: 149px;float: left;background-color: rgba(229,32,25,0.7);}
.Integrity{width: 33.33%;height: 149px;float: left;background-color: rgba(8,80,153,0.7)}
.tcl{width: 335px; height: 57px; background: url(../images/c1.png) center left no-repeat;display: block;margin-top: 45px; margin-left: 30px;color: #fff;}
.tc2{width: 335px; height: 57px; background: url(../images/c2.png) center left no-repeat;display: block;margin-top: 45px; margin-left: 30px;color: #fff;}
.tc3{width: 335px; height: 57px; background: url(../images/c3.png) center left no-repeat;display: block;margin-top: 45px; margin-left: 30px;color: #fff;}
.tcl-t{display: block; margin-left: 75px;font-size: 18px;font-weight: bold; margin-bottom: 9px;}
.tcl-p{width: 255px; height: 31px;display: block;margin-left: 75px; line-height: 14px;}


.banner .swiper-slide img { width: 100%; }
.mobilebanner { width: 100%; display:none; }
.mobilebanner .swiper-slide img { width: 100%; }
@media only screen and (max-width: 766px) {
.banner  { display:none; }
.mobilebanner  { display:block; }
}


/*
	底部
*/
.foot { width:100%; padding:20px 0; color:#FFF; background-color:#4C4C4C; }
.foot .topnav { display:block; }
.foot .topnav a { color:#FFF; }
.foot .mfbox{ display:block; padding:30px 0; }
.foot .xtit { float:left; }
.foot .xtit .logo { float:left; padding-right:30px; }
.foot .xtit .tel { float:left; }
.foot .xtit .tel .telt { margin-top:30px; background:url(../images/foot_tel.png) no-repeat; padding-left:40px; height:42px; color:#ccc; }
.foot .xtit .tel .telt em { display:block; font-size:20px; font-weight:bold; color:#FFF; }
.foot .xtit .tel p { color:#CCC; line-height:20px; }
.foot .ewm { float:right; text-align:center; }
.foot .ewm span { display:block; line-height:30px; }
footer { width:100%; padding:20px 0; color:#FFF; background-color:#323232; }
@media only screen and (max-width: 806px) {
.foot .ewm { display:none; }
}
@media only screen and (max-width: 766px) {
footer .fr { float:none; display:block; }
}